GermanWikipedia - /page/entry.mu

Micron Document

<!DOCTYPE html>

<title>Document Object Model</title>

</head>

<h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Document Object Model</span></h1>

</header>

</div>

<p>Das <b>Document Object Model</b> (<b>DOM</b>, <a href="Englische_Sprache" title="Englische Sprache">engl</a>. für <i>Dokumenten-Objekt-Modell</i>) ist eine Spezifikation einer <a href="Programmierschnittstelle" title="Programmierschnittstelle">Programmierschnittstelle</a>, welche <a href="Hypertext_Markup_Language" title="Hypertext Markup Language">HTML</a>- oder <a href="Extensible_Markup_Language" title="Extensible Markup Language">XML</a>-<a href="Datei" title="Datei">Dokumente</a> als eine <a href="Baum_(Graphentheorie)" title="Baum (Graphentheorie)">Baumstruktur</a> darstellt, in der jeder <a href="Knoten_(Graphentheorie)" title="Knoten (Graphentheorie)">Knoten</a> ein <a href="Objekt_(Programmierung)" title="Objekt (Programmierung)">Objekt</a> ist, welches einen Teil des Dokumentes repräsentiert, z. B. einen Absatz, eine Überschrift, ein Video oder etwa eine Tabellenzelle. Die Schnittstelle ist plattform- und programmiersprachenunabhängig und erlaubt damit standardisiert, die Struktur und das Layout eines Dokumentes zu verändern. Im <a href="Webbrowser" title="Webbrowser">Webbrowser</a> bildet dies einen wichtigen Baustein für dynamische Webseiten.

</p><p>Das DOM wurde ursprünglich vom <a href="World_Wide_Web_Consortium" title="World Wide Web Consortium">World Wide Web Consortium</a> spezifiziert, heutzutage ist die autoritative Quelle die <a href="WHATWG" class="mw-redirect" title="WHATWG">WHATWG</a>. Den Veränderungen in der Standardisierung liegt zugrunde, dass Standards oftmals nachträglich definiert wurden, während <a href="Browser" class="mw-redirect" title="Browser">Webbrowser</a> bereits Implementierungen enthielten.

</p><p>Seit dem Ende der sogenannten <a href="Browserkrieg" title="Browserkrieg">Browser-Wars</a> hat sich der Ansatz etabliert, die Standardisierung in offiziellen Dokumenten und die Implementierung in verbreiteten Web-Browsern zu parallelisieren, in der Praxis also die endgültige Standardisierung der Implementierung nachzuordnen.

</p><p>Eine <a href="Implementierung" title="Implementierung">Implementierung</a>, die der DOM-Spezifikation genügt, besteht im Sinne der <a href="Objektorientierte_Programmierung" title="Objektorientierte Programmierung">objektorientierten Programmierung</a> aus einem Satz von <a href="Klasse_(Objektorientierung)" title="Klasse (Objektorientierung)">Klassen</a> zusammen mit deren <a href="Methode_(Programmierung)" title="Methode (Programmierung)">Methoden</a> und Attributen, wobei es eine <a href="Dualit%C3%A4t" class="mw-disambig" title="Dualität">Dualität</a> zwischen Attributen in serialisierten Dokumenten und Eigenschaften im DOM gibt. Dies nennt sich auch "Attribute reflection"<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup>.

</p>

<div class="mw-heading mw-heading2"><h2 id="Geschichte">Geschichte</h2></div>

<p>DOM ist ursprünglich unter dem Einfluss von mindestens zwei Entwicklungen entstanden, die seit der Jahrtausendwende die Entwicklung von <a href="Web-Dokument" class="mw-redirect" title="Web-Dokument">Web-Dokumenten</a> und Webbrowsern prägten. Beiden liegt die Notwendigkeit zugrunde, auf die strukturierten Daten in <a href="Hypertext_Markup_Language" title="Hypertext Markup Language">HTML</a>- und <a href="Extensible_Markup_Language" title="Extensible Markup Language">XML</a>-Dokumenten einfach und einheitlich zugreifen zu können.

</p><p>Mitte der 1990er Jahre, als das <a href="World_Wide_Web" title="World Wide Web">World Wide Web</a> an Popularität zunahm, wurde die <a href="Skriptsprache" title="Skriptsprache">Skriptsprache</a> <a href="JavaScript" title="JavaScript">JavaScript</a> erfunden und gängige <a href="Webbrowser" title="Webbrowser">Webbrowser</a> enthielten seitdem <a href="Interpreter" title="Interpreter">Interpreter</a>, die solche <a href="Skriptsprache" title="Skriptsprache">Scripte</a> ausführen. JavaScript definierte rudimentäre Möglichkeiten zum Zugriff auf das HTML-Dokument und zur <a href="Ereignis_(Programmierung)" title="Ereignis (Programmierung)">Ereignisbehandlung</a>. Später erfanden verschiedene Browserhersteller unterschiedliche Modelle für <i><a href="Dynamisches_HTML" title="Dynamisches HTML">dynamisches HTML</a></i> (DHTML), die eine umfassendere Änderung der Struktur und des Aussehens des Dokuments ermöglichten, während das Dokument im Browser angezeigt wird. Diese Unterschiede machten allerdings die Arbeit für Webentwickler, welche dynamisches HTML nutzen wollten, zu einer äußerst mühsamen Angelegenheit, da sie oft praktisch gezwungen waren, für jeden zu unterstützenden Browser eine eigene Version zu schreiben.<sup id="cite_ref-CRE146:JavaScript_ab_01:00:45_(Podcast)_2-0" class="reference"><a href="#cite_note-CRE146:JavaScript_ab_01:00:45_(Podcast)-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup> Die ersten DOM-Standards des <a href="W3C" class="mw-redirect" title="W3C">W3C</a> sind daher Versuche, die verschiedenen <a href="Propriet%C3%A4r" title="Proprietär">proprietären</a> JavaScript- und DHTML-Techniken, die während der Zeit der <a href="Browserkrieg" title="Browserkrieg">Browserkriege</a> entstanden, zusammenzuführen, zu standardisieren und letztlich abzulösen. Dies ist so weit gelungen, dass DOM heutzutage eine zentrale Bedeutung bei der JavaScript-Programmierung einnimmt.

</p><p>Gleichzeitig entstand XML als allgemeines Austauschformat zur menschenlesbaren Darstellung von strukturierten Daten, das an den Erfolg von HTML anknüpfte. Zur Verarbeitung von XML-Dokumenten war eine verständliche, leistungsfähige und programmiersprachenübergreifende Schnittstelle nötig. DOM bietet eine solche und definiert darüber hinaus zusätzliche Schnittstellen für einen komfortablen Umgang mit XML-Dokumenten.

</p>

<div class="mw-heading mw-heading2"><h2 id="Grundlagen_anhand_eines_Beispiels">Grundlagen anhand eines Beispiels</h2></div>

<p>Folgender HTML-Code definiert eine Tabelle mit dem Element <code>table</code> und verschiedenen Unterelementen:

</p>

<span class="w"> </span><span class="nt"><th></span>Vorname<span class="nt"></th></span>

<span class="w"> </span><span class="nt"><td></span>Donald<span class="nt"></td></span>

</pre></div>

<p>So sieht es im Browser aus:

</p><p><span class="mw-default-size" typeof="mw:File"></span>

</p><p>Das DOM repräsentiert das <code>table</code>-Element und dessen Unterelemente in der folgenden Baumstruktur:

</p><p><span class="mw-default-size" typeof="mw:File"></span>

</p><p>An diesem Beispiel lässt sich der prinzipielle Aufbau des Objektmodells diskutieren: Dokumente werden logisch wie ein Stammbaum dargestellt. Knoten (<i>nodes</i>) stehen über „Verwandtschaftsbeziehungen“ zueinander in Verbindung.

</p>

<div class="mw-heading mw-heading3"><h3 id="Arten_von_Beziehungen">Arten von Beziehungen</h3></div>

<p>Die vorliegende Struktur wird im Objektmodell durch die folgenden Beziehungen charakterisiert:

</p>

<ul><li>Der Wurzelknoten (<i>root</i>) <code>table</code> hat als Kinder (<i>children</i>) die Elementknoten <code>thead</code> und <code>tbody</code>.</li>

<li>Der <code>table</code>-Elementknoten ist umgekehrt ein Elternteil (<i>parent</i>) von <code>thead</code> und <code>tbody</code>.</li>

<li>Knoten mit gemeinsamem Elternteil (zum Beispiel die beiden <code>th</code>-Elementknoten) werden Geschwister (<i>siblings</i>) genannt.</li></ul>

<p>Ausgehend von einem beliebigen Knoten ist jeder andere Knoten über diese Verwandtschaftsbeziehungen erreichbar.

</p>

<div class="mw-heading mw-heading3"><h3 id="Arten_von_Knoten">Arten von Knoten</h3></div>

<p>Die wichtigsten Knotentypen in DOM sind:

</p>

<ul><li>Ein Dokumentknoten stellt die gesamte Baumstruktur dar.</li>

<li>Ein Dokumentfragmentknoten stellt einen Teil der Baumstruktur dar.</li>

<li>Ein Elementknoten entspricht exakt einem Element in <a href="Hypertext_Markup_Language" title="Hypertext Markup Language">HTML</a> oder <a href="Extensible_Markup_Language" title="Extensible Markup Language">XML</a>.</li>

<li>Ein Attributknoten entspricht exakt einem Attribut in HTML oder XML.</li>

<li>Ein Textknoten stellt den Textinhalt eines Elements dar.</li></ul>

<p>Attributknoten sind eine besondere Knotenart, denn sie kommen nicht als Knoten in der Baumstruktur vor, die vor allem durch Elementknoten gebildet wird. Attributknoten sind demnach keine „Kinder“ von Elementknoten, sondern Eigenschaften von ihnen.

</p>

<div class="mw-heading mw-heading3"><h3 id="Verarbeitung_eines_Dokuments">Verarbeitung eines Dokuments</h3></div>

<p>Im ersten Schritt wird ein bestehendes Dokument durch das Programm eingelesen und ein Dokument-Objekt erzeugt. Anhand dieses Objekts kann mittels der Methoden des <a href="Programmierschnittstelle" title="Programmierschnittstelle">API</a> auf die Inhalte, Struktur und Darstellung zugegriffen werden.

</p><p>Insbesondere erlaubt DOM

</p>

<ul><li>die Navigation zwischen den einzelnen Knoten eines Dokuments,</li>

<li>das Erzeugen, Verschieben und Löschen von Knoten sowie</li>

<li>das Auslesen, Ändern und Löschen von Textinhalten.</li></ul>

<p>Am Ende der Verarbeitung kann aus dem Dokument-Objekt durch so genannte <a href="Serialisierung" title="Serialisierung">Serialisierung</a> ein neues XML- oder HTML-Dokument generiert werden.

</p>

<div class="mw-heading mw-heading2"><h2 id="Standardisierung">Standardisierung</h2></div>

<p>DOM ist seit 1998 ein Standard des <a href="World_Wide_Web_Consortium" title="World Wide Web Consortium">W3C</a> und wurde seitdem mehrfach aktualisiert und erweitert. Es existieren mehrere Versionen (Levels) jeweils mit verschiedenen Modulen:

</p>

<div class="mw-heading mw-heading3"><h3 id="DOM_Level_0">DOM Level 0</h3></div>

<p>Dieses Level wurde nie formal spezifiziert. <i>Level 0</i> bezeichnet die mittels <a href="JavaScript" title="JavaScript">JavaScript</a> nutzbaren Techniken zum Zugriff auf HTML-Dokumente. Diese wurden von <a href="Webbrowser" title="Webbrowser">Webbrowsern</a> wie <a href="Internet_Explorer" title="Internet Explorer">Internet Explorer</a> und <a href="Netscape_Navigator" title="Netscape Navigator">Netscape Navigator</a> vor der Standardisierung von DOM eingeführt.

</p>

<div class="mw-heading mw-heading3"><h3 id="DOM_Level_1">DOM Level 1</h3></div>

<p>Veröffentlicht Ende 1998.

</p>

<ul><li><i>DOM Core</i> (DOM-Kern) definiert das Bewegen im DOM-Baum, die Manipulation der Knoten, inklusive des Einfügens neuer Elemente und des Setzens von Attributen.</li>

<li><i>DOM HTML</i> ist die Erweiterung zum Zugriff auf HTML-Dokumente. Es standardisiert und vervollständigt die bereits verbreitete Praxis, die auf den JavaScript-Spezifikationen von <a href="Netscape_Communications" title="Netscape Communications">Netscape</a> bzw. <a href="Microsoft" title="Microsoft">Microsoft</a> <a href="JScript" title="JScript">JScript</a> basiert.</li></ul>

<div class="mw-heading mw-heading3"><h3 id="DOM_Level_2">DOM Level 2</h3></div>

<p>Veröffentlicht Ende 2000.

</p>

<ul><li><i>DOM Core</i>: u. a. Erweiterung um XML-<a href="Namensraum" title="Namensraum">Namensraum</a>-Unterstützung</li>

<li><i>DOM HTML</i>: u. a. Ausweitung auf <a href="Extensible_Hypertext_Markup_Language" title="Extensible Hypertext Markup Language">XHTML</a>-Dokumente, Anpassung an DOM 2 Core</li>

<li><i>DOM Style</i> und <i>DOM CSS</i> ermöglichen das dynamische Auslesen, Hinzufügen und Ändern der Formatierung bzw. des Layouts des Dokuments über <a href="Stylesheet" class="mw-redirect" title="Stylesheet">Stylesheets</a>, insbesondere <a href="Cascading_Style_Sheets" title="Cascading Style Sheets">Cascading Style Sheets</a> (CSS).</li>

<li><i>DOM Views</i> erlaubt den Zugriff auf Informationen konkreter Wiedergabearten des Dokuments (zum Beispiel der grafischen Darstellung im Webbrowser). Das wird vor allem zusammen mit DOM CSS benutzt, um die tatsächlichen CSS-Eigenschaftswerte von gewissen Elementen in Erfahrung zu bringen (z. B. „Welche Hintergrundfarbe hat diese Überschrift?“).</li>

<li><i>DOM Events</i> standardisiert die Verarbeitung von <a href="Ereignis_(Programmierung)" title="Ereignis (Programmierung)">Ereignissen</a> im Dokument, zum Beispiel Benutzeraktionen. Wird vor allem im Zusammenhang mit JavaScript bei der Darstellung von HTML-Dokumenten in Webbrowsern verwendet. Angelehnt an die Modelle der Ereignis-Behandlung des Netscape Navigators und des Internet Explorers für HTML-Dokumente.</li>

<li><i>DOM Traversal</i> und <i>DOM Range</i>: Durchlaufen des Knotenbaums anhand von bestimmten Auswahlkriterien, Arbeiten mit Bereichen im Dokument, die bestimmte Elemente und Textknoten umfassen</li></ul>

<div class="mw-heading mw-heading3"><h3 id="DOM_Level_3">DOM Level 3</h3></div>

<p>Veröffentlicht April 2004.

</p>

<ul><li><i>DOM 3 Core</i>: umfassende Erweiterung, u. a. verbesserte <a href="Ausnahmebehandlung" title="Ausnahmebehandlung">Ausnahmebehandlung</a> und Umgang mit <a href="Zeichenkodierung" title="Zeichenkodierung">Zeichenkodierungen</a></li>

<li><i>DOM 3 Load and Save</i> ermöglicht die Serialisierung von Dokumenten oder Dokumentteilen sowie das <a href="Parser" title="Parser">Parsen</a> von XML-Dokumenten in Zeichenketten in Dokument-Objekte. Zudem können XML-Dokumente über <a href="Hypertext_Transfer_Protocol" title="Hypertext Transfer Protocol">HTTP</a> versendet und abgerufen werden, wie es mit der bekannteren <a href="XMLHttpRequest" title="XMLHttpRequest">XMLHttpRequest</a>-Technik möglich ist.</li>

<li><i>DOM 3 XPath</i> erlaubt das Auswählen von Knoten anhand von <a href="XPath" title="XPath">XPath</a>-Ausdrücken.</li>

<li><i>DOM 3 Events</i> erweitert DOM 2 Events u. a. um Tastatur-Ereignisse.</li>

<li><i>DOM 3 Validation</i> erlaubt das Prüfen, ob nach einer dynamischen Änderung (Hinzufügen oder Entfernen von Knoten) das DOM-Dokument <a href="Valide" class="mw-redirect" title="Valide">valide</a> bleibt.</li>

<li><i>DOM 3 Views and Formatting</i> erlaubt es, dynamisch auf den Inhalt, Struktur und Style zuzugreifen und diese zu ändern.</li>

<li><i>DOM 3 Abstract Schemas</i></li></ul>

<div class="mw-heading mw-heading2"><h2 id="Siehe_auch">Siehe auch</h2></div>

<ul><li><a href="Simple_API_for_XML" title="Simple API for XML">Simple API for XML</a> (SAX)</li>

<li><a href="Xerces" title="Xerces">Xerces</a>, <a href="JDOM" title="JDOM">JDOM</a>, <a href="Dom4j" title="Dom4j">dom4j</a></li></ul>

<div class="mw-heading mw-heading2"><h2 id="Weblinks">Weblinks</h2></div>

<ul><li><a rel="nofollow" class="external text" href="http://www.w3.org/DOM/">Website beim W3C</a> (englisch)</li>

<li><a rel="nofollow" class="external text" href="http://www.w3-de.de/W3C/DOM/">W3C-Übersetzung</a> zu Testsuiten (deutsch)</li>

<li><a href="Mario_Jeckle" title="Mario Jeckle">Mario Jeckle</a>: <a rel="nofollow" class="external text" href="https://web.archive.org/web/20161130170758/http://jeckle.de/vorlesung/xml/script.html">Skript zur Vorlesung XML: DOM</a></li>

<li><a rel="nofollow" class="external text" href="http://www.data2type.de/xml-xslt-xslfo/xml/xml-in-a-nutshell/document-object-model/">DOM Einführung</a> bei data2type (deutsch)</li>

<li><a rel="nofollow" class="external text" href="http://www.data2type.de/xml-xslt-xslfo/xml/xml-in-a-nutshell/dom-referenz/">DOM-Referenz</a> bei data2type (deutsch)</li>

<li><a rel="nofollow" class="external text" href="http://krum.rz.uni-mannheim.de/web-tech99w/sess-5.html">Folienvortrag</a></li>

<li><a rel="nofollow" class="external text" href="http://xml.com/pub/rg/DOM_Tutorials">Sammlung von Links zu Fachartikeln</a> (englisch)</li>

<li><a rel="nofollow" class="external text" href="https://web.archive.org/web/20190326104821/http://xml-rss.de/XML-RSS-Feed-mit-PHP/XML-RSS-Feed-mit-PHP-und-DOM-erstellen.htm">Praktisches Anwendungsbeispiel DOM mit PHP</a> – Erstellung eines validen RSS-Feed mit DOM und PHP</li></ul>

<div class="mw-heading mw-heading2"><h2 id="Einzelnachweise">Einzelnachweise</h2></div>

<li id="cite_note-1"><span class="mw-cite-backlink"><a href="#cite_ref-1">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external free" href="https://developer.mozilla.org/de/docs/Web/API/Document_Object_Model/Reflected_attributes">https://developer.mozilla.org/de/docs/Web/API/Document_Object_Model/Reflected_attributes</a></span>

</li>

<li id="cite_note-CRE146:JavaScript_ab_01:00:45_(Podcast)-2"><span class="mw-cite-backlink"><a href="#cite_ref-CRE146:JavaScript_ab_01:00:45_(Podcast)_2-0">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="http://cre.fm/cre146">JavaScript</a> CRE146 (Podcast; ab 01:00:45)</span>

</li>

</ol>

<div>

Normdaten (Sachbegriff): <a href="Gemeinsame_Normdatei" title="Gemeinsame Normdatei">GND</a>: <span class="-print"><a rel="nofollow" class="external text" href="https://d-nb.info/gnd/4680714-7">4680714-7</a></span> </div>

</div></div>

/* start https://de.wikipedia.org/ */

.mw-parser-output table.erw-nav-zebra>tbody>:nth-child(odd){background-color:var(--dewiki-hintergrundfarbe-basis)}.mw-parser-output .erw-nav-farbschema-blau .erw-nav-leiste{background-color:#f5f5f5}.mw-parser-output .erw-nav-farbschema-blau .erw-nav-gruppe{background-color:#e5ecf2}.mw-parser-output .erw-nav-farbschema-grau .erw-nav-leiste,.mw-parser-output .erw-nav-farbschema-grau .erw-nav-gruppe{background-color:#ececec}.mw-parser-output .erweiterte-navigationsleiste .klappleiste-inhalt>.wikitable>*>tr{border-top:2px solid #fdfdfd!important;border-bottom:2px solid #fdfdfd!important}@media screen{html.skin-theme-clientpref-night .mw-parser-output .erw-nav-farbschema-blau .erw-nav-leiste,html.skin-theme-clientpref-night .mw-parser-output .erw-nav-farbschema-blau .erw-nav-gruppe,html.skin-theme-clientpref-night .mw-parser-output .erw-nav-farbschema-grau .erw-nav-leiste,html.skin-theme-clientpref-night .mw-parser-output .erw-nav-farbschema-grau .erw-nav-gruppe{background-color:#202122}html.skin-theme-clientpref-night .mw-parser-output .erweiterte-navigationsleiste .klappleiste-inhalt .wikitable tr,html.skin-theme-clientpref-night .mw-parser-output .erweiterte-navigationsleiste .klappleiste-inhalt .wikitable td{border-color:#101418!important}html.skin-theme-clientpref-night .mw-parser-output .erw-nav-bild span[typeof="mw:File"] img{background-color:#c8ccd1}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .erw-nav-farbschema-blau .erw-nav-leiste,html.skin-theme-clientpref-os .mw-parser-output .erw-nav-farbschema-blau .erw-nav-gruppe,html.skin-theme-clientpref-os .mw-parser-output .erw-nav-farbschema-grau .erw-nav-leiste,html.skin-theme-clientpref-os .mw-parser-output .erw-nav-farbschema-grau .erw-nav-gruppe{background-color:#202122}html.skin-theme-clientpref-os .mw-parser-output .erweiterte-navigationsleiste .klappleiste-inhalt .wikitable tr,html.skin-theme-clientpref-os .mw-parser-output .erweiterte-navigationsleiste .klappleiste-inhalt .wikitable td{border-color:#101418!important}html.skin-theme-clientpref-os .mw-parser-output .erw-nav-bild span[typeof="mw:File"] img{background-color:#c8ccd1}}.mw-parser-output .erweiterte-navigationsleiste .hlist .wikitable{border-top:0px!important;border-bottom:0px!important;margin-top:0!important;margin-bottom:0!important}.mw-parser-output .erweiterte-navigationsleiste .hlist .wikitable tr:first-of-type td{border-top:0px!important}.mw-parser-output .erweiterte-navigationsleiste .hlist .wikitable tr:last-of-type td{border-bottom:0px!important}

/* end https://de.wikipedia.org/ */

</style><style data-mw-deduplicate="TemplateStyles:r260755238">

/* start https://de.wikipedia.org/ */

.mw-parser-output div.klappleiste{border:1px solid var(--dewiki-rahmenfarbe1);clear:both;font-size:95%;box-sizing:border-box;margin-top:1.5em;padding:2px}.mw-parser-output div.klappleiste:after{clear:both;content:"";display:block}.mw-parser-output div.klappleiste-bild{float:left;padding:2px}.mw-parser-output div.klappleiste-kopf{background:var(--dewiki-hintergrundfarbe5);color:var(--color-base,#202122);text-align:center;font-weight:bold}.mw-parser-output div.klappleiste.mw-collapsed .klappleiste-bild{display:none}.mw-parser-output div.klappleiste+div.klappleiste,.mw-parser-output div.klappleiste+link+div.klappleiste,.mw-parser-output div.klappleiste+link+link+div.klappleiste,.mw-parser-output div.klappleiste+link+style+div.klappleiste,.mw-parser-output div.klappleiste+style+div.klappleiste,.mw-parser-output div.klappleiste+style+style+div.klappleiste,.mw-parser-output div.klappleiste+style+link+div.klappleiste{margin-top:-1px}@media screen{html.skin-theme-clientpref-night .mw-parser-output .klappleiste-bild span[typeof="mw:File"]:not(.skin-invert-image) img{background-color:#c8ccd1}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .klappleiste-bild span[typeof="mw:File"]:not(.skin-invert-image) img{background-color:#c8ccd1}}

/* end https://de.wikipedia.org/ */

</style>

<div class="klappleiste-kopf">Standards des <a href="World_Wide_Web_Consortium" title="World Wide Web Consortium">World Wide Web Consortiums</a> (W3C)<div class="erweiterte-navigationsleiste-quicklinks" style="float:left; font-weight:normal; font-size:75%; margin-left:1em; margin-right:2em; display:none;"><span title="Vorlage anzeigen">V</span> – <span title="Diskussion anzeigen">D</span></div></div>

<td class="erw-nav-gruppe" style="white-space: nowrap;text-align: right;border: 1px solid transparent;border-top: 1px solid #FFF;border-bottom: 2px solid #FFF;padding: 0 1em;"><b>Empfehlungen</b>

</td>

<p><a href="ActivityPub" title="ActivityPub">ActivityPub</a> | <a href="Accessible_Rich_Internet_Applications" title="Accessible Rich Internet Applications">ARIA</a> | <a href="Canonical_XML" title="Canonical XML">Canonical XML</a> | <a href="Compound_Document_Formats" title="Compound Document Formats">CDF</a> | <a href="Cascading_Style_Sheets" title="Cascading Style Sheets">CSS</a> | <a class="mw-selflink selflink">DOM</a> | <a href="W3C_Geolocation_API" title="W3C Geolocation API">Geolocation API</a> | <a href="Hypertext_Markup_Language" title="Hypertext Markup Language">HTML</a> | <a href="HTML5" title="HTML5">HTML5</a> | <a href="InkML" title="InkML">InkML</a> | <a href="Internationalization_Tag_Set" title="Internationalization Tag Set">ITS</a> | <a href="JSON-LD" title="JSON-LD">JSON-LD</a> | <a href="Mathematical_Markup_Language" title="Mathematical Markup Language">MathML</a> | <a href="Web_Ontology_Language" title="Web Ontology Language">OWL</a> | <a href="Platform_for_Privacy_Preferences_Project" title="Platform for Privacy Preferences Project">P3P</a> | PLS | <a href="Portable_Network_Graphics" title="Portable Network Graphics">PNG</a> | <a href="Resource_Description_Framework" title="Resource Description Framework">RDF</a> | <a href="RDF-Schema" title="RDF-Schema">RDF-Schema</a> | <a href="Rule_Interchange_Format" title="Rule Interchange Format">RIF</a> | <a href="SCXML" title="SCXML">SCXML</a> | <a href="Semantic_Interpretation_for_Speech_Recognition" title="Semantic Interpretation for Speech Recognition">SISR</a> | <a href="Simple_Knowledge_Organisation_System" title="Simple Knowledge Organisation System">SKOS</a> | <a href="Synchronized_Multimedia_Integration_Language" title="Synchronized Multimedia Integration Language">SMIL</a> | <a href="SOAP" title="SOAP">SOAP</a> | <a href="Speech_Recognition_Grammar_Specification" title="Speech Recognition Grammar Specification">SRGS</a> | <a href="Speech_Synthesis_Markup_Language" title="Speech Synthesis Markup Language">SSML</a> | <a href="Scalable_Vector_Graphics" title="Scalable Vector Graphics">SVG</a> | <a href="SPARQL" title="SPARQL">SPARQL</a> | <a href="Timed_Text" title="Timed Text">Timed Text</a> | <a href="Turtle_(Syntax)" title="Turtle (Syntax)">Turtle</a> | <a href="VoiceXML" title="VoiceXML">VoiceXML</a> | <a href="Web_Services_Description_Language" title="Web Services Description Language">WSDL</a> | <a href="XForms" title="XForms">XForms</a> | <a href="Extensible_Hypertext_Markup_Language" title="Extensible Hypertext Markup Language">XHTML</a> | <a href="RDFa" title="RDFa">XHTML+RDFa</a> | <a href="XInclude" title="XInclude">XInclude</a> | <a href="XLink_(Syntax)" title="XLink (Syntax)">XLink</a> | <a href="Extensible_Markup_Language" title="Extensible Markup Language">XML</a> | <a href="XML_Base" title="XML Base">XML Base</a> | <a href="XML-Encryption" title="XML-Encryption">XML-Encryption</a> | <a href="XML_Events" title="XML Events">XML Events</a> | <a href="XML_Information_Set" title="XML Information Set">XML Information Set</a> | <a href="Namensraum_(XML)" title="Namensraum (XML)">XML Namespace</a> | <a href="XML_Schema" title="XML Schema">XML Schema</a> | <a href="XML_Signature" title="XML Signature">XML Signature</a> | <a href="XPath" title="XPath">XPath</a> | <a href="XPointer" title="XPointer">XPointer</a> | <a href="XProc" title="XProc">XProc</a> | <a href="XQuery" title="XQuery">XQuery</a> | <a href="Extensible_Stylesheet_Language" title="Extensible Stylesheet Language">XSL</a> | <a href="Extensible_Stylesheet_Language_%E2%80%93_Formatting_Objects" title="Extensible Stylesheet Language – Formatting Objects">XSL-FO</a> | <a href="XSL_Transformation" title="XSL Transformation">XSLT</a> <small>(Elemente)</small>

</p>

</td>

</td></tr>

<tr>

<td class="erw-nav-gruppe" style="white-space: nowrap;text-align: right;border: 1px solid transparent;border-top: 1px solid #FFF;border-bottom: 2px solid #FFF;padding: 0 1em;"><b>Arbeitsentwürfe<br>und Kandidaten</b>

</td>

<p><a href="CCXML" title="CCXML">CCXML</a> | <a href="CURIE" title="CURIE">CURIE</a> | <a href="SMIL_Timesheets" title="SMIL Timesheets">SMIL Timesheets</a> | <a href="SXBL" title="SXBL">sXBL</a> | WICD | <a href="XFrames" title="XFrames">XFrames</a> | <a href="XML_Binding_Language" title="XML Binding Language">XBL</a> | XHTML+MathML+SVG | <a href="XMLHttpRequest" title="XMLHttpRequest">XMLHttpRequest</a>

</p>

</td></tr>

<tr>

<td class="erw-nav-gruppe" style="white-space: nowrap;text-align: right;border: 1px solid transparent;border-top: 1px solid #FFF;border-bottom: 2px solid #FFF;padding: 0 1em;"><b>Anmerkungen</b>

</td>

<p><a href="XAdES" title="XAdES">XAdES</a> | <a href="Extensible_Forms_Description_Language" title="Extensible Forms Description Language">XFDL</a> | <a href="XHTML%2BSMIL" title="XHTML+SMIL">XHTML+SMIL</a> | <a href="Extensible_User_Interface_Protocol" title="Extensible User Interface Protocol">XUP</a>

</p>

</td></tr>

<tr>

<td class="erw-nav-gruppe" style="white-space: nowrap;text-align: right;border: 1px solid transparent;border-top: 1px solid #FFF;border-bottom: 2px solid #FFF;padding: 0 1em;"><b>Richtlinien</b>

</td>

<p><a href="Web_Content_Accessibility_Guidelines" title="Web Content Accessibility Guidelines">Web Content Accessibility Guidelines</a> | Multimodal Interaction Activity | <a href="W3C_Markup_Validation_Service" title="W3C Markup Validation Service">Markup Validation Service</a>

</p>

</td></tr>

<tr>

<td class="erw-nav-gruppe" style="white-space: nowrap;text-align: right;border: 1px solid transparent;border-top: 1px solid #FFF;border-bottom: 2px solid #FFF;padding: 0 1em;"><b>Initiativen</b>

</td>

<p><a href="Web_Accessibility_Initiative" title="Web Accessibility Initiative">Web Accessibility Initiative</a>

</p>

</td></tr>

</tbody></table></div></div></div><div><div class="zim-footer">

Dieser Artikel wurde von <a class="external text" title="Zuletzt bearbeitet am 2025-07-19" href="https://de.wikipedia.org/wiki/?title=Document_Object_Model&oldid=258046241">Wikipedia</a> herausgegeben. Der Text ist unter <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de">Creative Commons Attribution-Share Alike 4.0</a> verfügbar, sofern nicht anders angegeben. Für die Mediendateien können zusätzliche Bedingungen gelten.

</div>

</div></div>

</div>

</main>

</div>

</body></html>